/*-----------------------------------------------------------
  DataZoomer 2.0 Stylesheet
-----------------------------------------------------------*/

/*--- General ---*/

body {
  margin: 0; padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333;
  /* background: #fff url(topfade.png) repeat-x; */
  text-align: center;
  font-size: 12px;
}

a:link, a:visited { color: #00f; text-decoration: none; underline; }
a:hover { color: #00f; _background-color: #333; text-decoration: underline; }

.smalltext {
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    letter-spacing: 0px;
}
.smallblacktext {
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
}
.mediumtext {
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
}

h1 { font-size:12pt; color:444400; font-family:verdana,sans-serif; font-weight: 700px;
    bottom-margin: 0px;}

h2 { font-size:8pt; color:444400; font-family:verdana,sans-serif; font-weight: 700px;
    bottom-margin: 0px;}

.logo { margin-bottom: 15px; }

/*--- Error ---*/
#dz-error {
    margin-top: 5%;
    font: 1em Geneva, Arial, Tahoma, sans-serif;
    font-weight: normal;
}

#main {
    width: 660px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#main.h1 {
    font-weight: bolder;
}

#logo {
    text-indent: -5000px;
    background: url(http://datazoomer.org/devbannerlogo.png) no-repeat 0px 0px;
    width: 200px;
    height: 50px;
    margin-left: 2em;
    margin-bottom: 1em;
}

#preamble {
    margin-bottom: 1em;
    padding: 1em;
    line-height: 1.6em;
    sbackground-color: #D6DFE8;
    background-color: #D6E8DF;
    text-align: left;
    font-size: 11px;
    font-family: monospace;

    -moz-border-radius-topright:    1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft:  1em;
}

#preamble p { margin-bottom: 1.2em; }

.highlight { font-weight: bolder; font-variant: small-caps; }
.signature {
    font-family: "Century Gothic", Verdana, sans-serif;
    text-align:right;
    margin-top: 2em;
    margin-right: 3em;
}

#footer { margin-top: 1.2em }
#footer a{ text-decoration: none; color: #8095AF; padding-bottom: 1px; border-bottom: 1px solid #333 }
#footer a:visited{ border-bottom: 1px solid #CCC }
#footer a:hover{ border-bottom: 1px dotted #000 }

/*--- dzhtml classes ---*/

/* base table */
.baselist {
  background: #FFF;
  border-width: thin;
  border-color: #0E0;
  font: 1em verdana, tahoma, arial, helvetica, sans-serif;
  border-spacing: 0;
}

/* header */
.baseheader {
    font-variant: small-caps;
    text-decoration: underline;
    padding: 1.1em;
}

/* zebra row 1 */
.zrow1 {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: solid;
  border-color: #000;
  background: #fff;
}

/* zebra row 2 */
.zrow2 {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: none;
  border-color: #000;
  background: #F8F8F8;
}

/*icons*/
.icon { border:0; height:13px; width:13; }

/*--- Applications General ---*/
#apptitle { font-weight: bolder; font-size: 1.4em; padding: 0em 0em 1.2em 0em;}
div#navigation { padding-bottom: 1.5em; text-align: right; }
.app a{ font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration:underline; font-size:1em; padding-left:0.25em;}
.app a:hover { font-weight: lighter; color: #0066CC;}
.app_subtitle { font-weight: bolder; padding-left: 0.5em;}
.section {padding-top:1.4em;}
.section hr{margin-top:0.6em;margin-bottom:0.8em;}
.mgricon {
    border:0;
    background-color:#669966;
    background-image: url(/themes/default/images/bg_rounded_nw.gif);
    background-repeat: no-repeat;
}

#mgrtable { width:100%; }
#mgrtable td { padding:0.25em; }

/*--- Admin ---*/
#audittable td { padding:0.25em; }

/*--- Application Manager ---*/
#appmgrdetail { padding: 1em; }
#appmgrdetail .actions { padding: 0.8em; }
#appmgredit { padding-left: 15em; }

/*--- Profile ---*/

#profiledetail {
    color: #FF9933;
    font: 1em verdana, tahoma, arial, helvetica, sans-serif;
}

div#profiledetail span {
    font-weight: lighter;
}

div#profiledetail ul {
    list-style-type: none;
    padding-left: 1.3em;
    margin-left: 0;
}

div#profiledetail li {
    background: transparent url(/themes/default/images/bullet_squiggle.gif) left center no-repeat;
    font-size: 0.9em;
    padding-left: 1.3em
}

/*--- Password ---*/
.password { padding:1.1em; }
.password input { font-family: sans-serif; }
.password td { padding: 0.25em; }
#passwordmessage { color:red; padding:0.5em; }

/*--- Inner ---*/
#inner {
    float: right;
    width: 250px;
    height:200px;
    color: black;
    background-color: #FFFFDD;
    padding: 1em;
    border-color: #FFFF00;
    border-width: medium;
    border-style: solid;
    border-margin: 2em;
    margin-left: 10px;

    -moz-border-radius-topright:    1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft:  1em;
}

#inner_title {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    color: #000088;
}

/*--- Header ---*/
div#Header {
  text-align: right;
  margin: 0 0 0 0;
}

div#Header img {
  float: left;
  margin: 0 0 0 0;
  vertical-align: middle;
  border: none;
}

div#Header td {
  float: left;
  margin: 0 0 0 0;
  vertical-align: middle;
  border: none;
}

/*--- System Menu ---*/
div#SysMenu {
  font-size: 11px;
  color: #999;
  padding-top: 8px;
  spadding-right: 30px;
  vertical-align: top;
  text-align: right;
}

div#SysMenu a:link,
div#SysMenu a:visited {
  font-size: 11px;
  vertical-align: top;
}

div#SysMenu2 {
  font-weight: bold;
  sfloat: right;
  text-align: right;
  font-size: 11px;
  color: #000;
  padding-top: 8px;
  padding-right: 0px;
  vertical-align: bottom;
}

div#SysMenu2 a:link,
div#SysMenu2 a:visited {
  font-size: 11px;
  vertical-align: top;
}

/*--- Main Menu ---*/
div#MainMenu {
  font-size: 11px;
  color: #000;
  padding-top: 0px;
  text-align: center;
  font-weight: bold;
}

div#MainMenu a:link,
div#MainMenu a:visited {
  font-size: 11px;
  font-weight: bold;
}

/*--- SubMenu ---*/
div#SubMenu {
  sfont-size: 11px;
  color: #000;
  padding-top: 0px;
  text-align: center;
}

div#SubMenu a:link,
div#SubMenu a:visited {
  font-size: 11px;
}

/*--- Titles ---*/
div#Title {
  float: left;
  font-family: verdana;
  font-size: 8pt;
  color: #000;
  spadding-top: 0px;
  position: relative;
  top: -8px;
}

div#SubTitle {
  float: left;
  _text-align: left;
  font-family: verdana;
  font-size: 14pt;
  color: #000;
  _padding-top: 5px;
  _position: relative;
  _top: 10px;
  _left: -25px;
}

div#Header div#Nav a:link,
div#Header div#Nav a:visited {
  font-size: 11px;
  font-weight: bold;
}

div#Header a.current:link,
div#Header a.current:visited,
div#Header a.current:hover {
  text-decoration: none;
  background: none;
  color: #800;
}

/*--- Footer ---*/
div#Footer {
  text-align: center;
  margin: 0 0 0 0;
}

div#Debug {
  text-align: left;
  margin: 0 0 0 0;
}

.hdr {
    background-color: #fff;
    padding: 2px;
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}

td {
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 0px;
    text-align:left;
}
.indent{
    padding: 3px 10px 3px 10px;
    font: 11px verdana, tahoma, arial, sans-serif;
    color: #000040;
}
.captiontext {
    font: bold 18px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    line-height : 120%;
}
.bodytext {
    color: #000;
    font: 11px verdana, tahoma, arial, helvetica, sans-serif;
}

.tbox{
    background-color: #fff;
    border: #000 0px solid;
    color: #000;
    font: 11px verdana, tahoma, arial, helvetica, sans-serif;
}
.button{
    background-color: #ddd;
    color: #000000;
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    text-align:left;
}
.obutton{
    background-color: #A5ADC6;
    border-bottom: #6B7B9C 1px solid;
    border-left: #D6D6E7 1px solid;
    border-right: #6B7B9C 1px solid;
    border-top: #D6D6E7 1px solid;
    color: #000000;
    font: 9px verdana, tahoma, arial, helvetica, sans-serif;
    text-align:center;
}
form {
    margin: 2px 0px 0px 0px;
}
.spacer{
    padding: 4px 0px 0px 4px;
}
hr {
    border-top: #ccc 1px solid;
    border-bottom: #777 1px solid;
    height: 1px;
    width: 100%;
    padding:0px;
    margin: 4px;
}
.border {
    border: #000 0px solid;
    border-bottom: #000 1px solid;
    background-color: #fff;
}
.caption {
    background-color: #fff;
    border-top: #BDC6D5 0px solid;
    border-right: #313942 0px solid;
    border-bottom: #313942 0px solid;
    border-left: #BDC6D5 0px solid;
    font: 12px verdana, helvetica, arial, sans-serif;
    padding:1px;
    text-style: bold;
    color: #000;
}

table.nicetable {
  margin-left: -4%;
  font-family: sans-serif;
  background: white;
  border-width: 2;
  border-color: red;
  font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}
th.nicetable {
  background: #ddd;
  text-style: bold;
}
td.nicetable { font-family: sans-serif; background: #fff }

.menutable {
  margin-left: 4px;
  font-family: sans-serif;
  background: #eee;
  border-width: 2;
  border-color: red;
  font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}
td.mainitem {
}

TABLE.recordtable {
  font-family: sans-serif;
  background: #fff;
  border-width: 0;
  border-color: #0e0;
  scolor: black;
  font: 12px verdana, tahoma, arial, helvetica, sans-serif;
  border-spacing: 0;
}
TH.recordtable {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: none;
  border-color: #000;
  border-top: 1px solid #80C65A;
  background: #E6F8DD;
  color: black;
  height: 1.5em;
  padding: 0.25em;
  sbackground-image: url(/themes/default/images/menubgs.png);
  sbackground-repeat : repeat-x;
}

TR.recordtable {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: solid;
  border-color: #000;
  background: #fff;
  height: 1.5em;
}
.recordtableo {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: solid;
  border-color: #000;
  background: #fff;
  height: 1.5em;
}
.recordtablee {
  vertical-align: top;
  text-align: left;
  border-width: thin;
  border-style: none;
  border-color: #000;
  background: #F8F8F8;
  height: 1.5em;
}

.bodytable {
    background-color: #fff;
    padding: 4px;
    font: 11px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
}
p {
    margin-top: 1px
}

.fborder, .fbdefault{
    border: #000000 1px solid;
    background-color: #fff;
}
.forumheader{
    background-color: #EBEFF2;
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 4px;
    background-image : url(forum/fcap2.png);
    border: #C3BDBD 1px solid;
}
.forumheader2, .f2default{
    background-color: #EFEFEF;
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 2px;
    border: #C3BDBD 1px solid;
}

.forumheader3, .f3default{
    background-color: #E3E1E1;
    font: 11px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 2px;
    border: #C3BDBD 1px solid;
}

.fcaption, .fcdefault {
    border: #000 1px solid;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 2px;
    background-color: #C9C7C7;
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    background-image : url(forum/fcap.png);
    color:#000;
}

.fcaption2{
    border: #000 1px solid;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 0px;
    padding-top: 2px;
    background-color: #C9C7C7;
    font: 12px verdana, tahoma, arial, helvetica, sans-serif;
    background-image : url(forum/fcap.png);
    color:#fff;
}

.finfobar{
    background-color: #CCC8C8;
    font: 11px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    padding: 4px;
    border: #C3BDBD 1px solid;
    background-image : url(forum/finfobar.png);
}

a.forumlink{
    color: #000;
}

.helpbox {
    border: 0px none red;
    background-color: transparent;
    color:#000;
    font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.box {
    background-color: #fff;
    border-top: #BDC6D5 1px solid;
    border-right: #313942 1px solid;
    border-bottom: #313942 1px solid;
    border-left: #BDC6D5 1px solid;
    padding: 2px;
}

.box2 {
    background-color: #687A93;
    border-top: #BDC6D5 1px solid;
    border-right: #313942 1px solid;
    border-bottom: #313942 1px solid;
    border-left: #BDC6D5 1px solid;
    padding: 4px;
}

.linkbox {
    background-color: #FFFFFF;
    border: #000;
    color: #000000;
    text-align:right;
    padding: 4px;
}

.sidepanel {
    margin-top: 0px;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom: 1em;
    padding: 0.5em;
    font-size: 1.2em;
    line-height: 1.6em;
    background-color: #D6DFE8;
    border-color: #9999DD;
    sborder-width: medium;
    border-width: 2px;
    border-style: solid;
    border-margin: 2em;
    text-align: left;

    -moz-border-radius-topright:    1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft:  1em;
}

.sidepanel p {
    margin-bottom:              0;
}

.captiontext {
    font: bold 12px verdana, tahoma, arial, helvetica, sans-serif;
    color:#000;
    sline-height : 100%;
    text-align: center;
}

.introbox {
    margin-top: 0px;
    margin-bottom: 1em;
    padding: 1em;
    font-size: 1.3em;
    line-height: 1.6em;
    background-color: #D6DFE8;
    text-align: center;

    -moz-border-radius-topright:    1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft:  1em;
}

.introbox p {
    margin-bottom:              0;
}

/* basic vertical list */
#viewsdiv {
    margin: 0 0 1em 0;
    padding: 0.5em;
    font-size: 1.2em;
    line-height: 1.3em;
    background-color: #D6DFE8;
    border-color: #9999DD;
    sborder-width: medium;
    border-width: 2px;
    border-style: solid;
    border-margin: 2em;
    text-align: left;

    -moz-border-radius-topright:    1em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft:  1em;
}
#viewsdiv h3 {center this}
.verticallist li { list-style-type: none; }

/* basic horizontal list */
.horizontallist li
{ display: inline; list-style-type: none; padding-right: 2em; }

#actionsdiv {margin-top: .5em; margin-left: 3em;}
#actionsdiv h3 {display: inline;}
#actionsdiv ul {display: inline;}

#viewsdiv {margin-top: .5em; margin-left: 2em;}
#viewsdiv h3 {display: inline;}
#viewsdiv ul {display: inline;}
